@charset "utf-8";
/*
	shihoutv
	2017-04-06
*/
body { background:#f5f5f5; }
.alList2 .alPlay,.liveTop .liveTab li a,.starWrap .btnPrev,.starWrap .btnNext,.starWrap .btnPrevHover,.starWrap .btnNextHover { background-image:url(../img/iconIndex.png); background-repeat:no-repeat; }
.btnGoHome,.btnSx  { background-image:url(../img/iconBg.png); background-repeat:no-repeat; }

.main    { margin:0 auto; width:1200px; }
.bannerWall   { width:100%; height:681px; background:url(../img/bodyBg.jpg) center top no-repeat; position:relative; }
.bannerWall .wallLink { width:100%; height:681px; position:absolute; left:0; top:0; z-index:3; }
.liveTop { margin-left:-600px; width:1200px; height:594px; position:absolute; left:50%; top:40px; z-index:5; overflow:hidden; }
.liveNav { float:left; width:980px; height:594px; position:relative; background:#2c2c2c; }
.liveNav img { width:980px; height:594px; }
.liveTop .liveTab    { float:right; width:210px; height:595px; background:#12151c; }
.liveTop .liveTab li { margin-bottom:5px; width:210px; height:115px; position:relative; }
.liveTop .liveTab li img { width:210px; height:115px; display:block; }
.liveTop .liveTab li em { width:210px; height:115px; display:block; filter:alpha(opacity=50); opacity:0.5; background:#000; position:absolute; left:0; top:0; z-index:3; }
.liveTop .liveTab li a  { width:218px; height:115px; display:none; background-position:0 0; position:absolute; left:-8px; top:0; z-index:5; }
.liveTop .liveTab .curr em {  filter:alpha(opacity=0); opacity:0; }
.liveTop .liveTab .curr a  { display:block; }
.btnGoHome { margin:-21px 0 0 -80px; opacity:0; filter:alpha(opacity=0); width:160px; height:42px; display:block; background-position:-590px 0; position:absolute; left:50%; top:50%; z-index:5; }
.btnGoHome:hover { background-position:-590px -50px; }
.gameList { overflow:hidden; }

.starWall { margin-top:50px; height:244px; }
.starWallCont { margin:0 auto; width:1200px; }
.starWallCont h3 { margin:10px auto 30px; width:1181px; height:72px; background:url(../img/shihouTitle.png) center top no-repeat; }

.starWrap                { width:1200px; height:154px; position:relative; }
.starWrap .btnPrev,.starWrap .btnNext { width:19px; height:30px; display:block; position:absolute; top:50px; z-index:5; }
.starWrap .btnPrev       { background-position:-553px -205px; left:-50px; }
.starWrap .btnPrevHover  { background-position:-553px -172px; }
.starWrap .btnNext       { background-position:-575px -205px; right:-50px; }
.starWrap .btnNextHover  { background-position:-575px -172px; }

.starStage              { width:1200px; height:154px; overflow:hidden; }
.starStage li           { float:left; width:1226px; }
.starStage li dl dd     { float:left; margin-right:26px; width:110px; height:154px; }
.starStage .starImg     { width:110px; height:110px; border-radius:50%; display:block; box-shadow:1px 1px 5px #d5d5d5, -1px -1px 5px #d5d5d5; position:relative; overflow:hidden; }
.starStage .starImg img { width:110px; height:110px; }
.starStage .starImg .starInfo { width:110px; height:120px; opacity:0; font-style:normal; display:block; background:url(../img/opacity2.png) repeat; position:absolute; left:0; top:0; z-index:3; }
.starStage .starImg .starInfo2{ opacity:0; filter:alpha(opacity=0); font-size:14px; transform:scale(0.1); -webkit-transform:scale(0.1); -moz-transform:scale(0.1); -o-transform:scale(0.1); -ms-transform:scale(0.1); transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; -ms-transition:all .2s linear; margin-top:-20px; width:100px; text-align:center; line-height:20px; max-height:40px; overflow:hidden; font-style:normal; color:#fff;  position:absolute; left:10px; top:50%; z-index:5; }
.starStage .starImg .iconLiving { margin-left:-22px; position:absolute; left:50%; bottom:10px; z-index:5; }
.starStage .starName { height:34px; line-height:34px; font-size:16px; display:block; text-align:center; color:#3b3b3b; }
.shBanner { margin:0 auto; width:1200px; height:120px; }
.shBanner img { width:1200px; height:120px; }
.starStage .starLivingName { color:#ffb62a; }

.liveNav .liveLoading { margin:20% auto 0; width:150px; height:30px; display:block; }
.liveNav .liveLoading img { width:100%; height:auto; }
.liveNav .liveLoading span { text-indent:40px; height:40px; line-height:40px; font-size:24px; display:block; color:#a4a6aa; }

.liveLoadingFail { margin:15% auto 0; width:340px; height:30px; display:block; text-align:center; }
.liveLoadingFail img { margin:0 auto; display:block; width:50%; height:auto; }
.liveLoadingFail span { padding:10px 0; height:40px; line-height:40px; font-size:20px; display:block; color:#a4a6aa; }
.btnSx { width:120px; height:34px; display:inline-block; cursor:pointer; background-position:-630px -97px; }

/* 直播推荐 */
.noLive                 { margin:16% auto 0; width:798px; }
.noLive h3              { padding:10px 0; font-size:30px; font-weight:normal; color:#fefefe; }
.noLive .btnBackIndex   { padding-right:10px; text-align:right; }
.noLive .btnBackIndex a { font-size:24px; text-decoration:none; font-style:normal; color:#f4a72d; }
.alList2                { width:auto; overflow:hidden;  }
.alList2 li             { float:left; margin:0 10px 21px 0; width:240px; height:190px; border:8px solid #241914; background:#ffffff; }
.alList2 .alImg         { position:relative; }
.alList2 .alImg,.alList2 .alImg img { width:100%; height:130px; display:block; }
.alList2 .alImg .alPlay  { margin:-24px 0 0 -24px; transform:scale(1.8); -webkit-transform:scale(1.8); -moz-transform:scale(1.8); -o-transform:scale(1.8); -ms-transform:scale(1.8); transition:all .08s linear; -webkit-transition:all .08s linear; -moz-transition:all .08s linear; -o-transition:all .08s linear; -ms-transition:all .08s linear; width:48px; height:48px; display:block; filter:alpha(opacity=0); opacity:0; background-position:-245px 0; position:absolute; left:50%; top:50%; z-index:5; }
.alList2 .alImg .alMask  { width:100%; height:130px; display:block; filter:alpha(opacity=0); opacity:0; background:#000; position:absolute; left:0; top:0; z-index:3; }
.alList2 .alImg .alCount { padding-right:5px; width:80%; height:30px; font-style:normal; line-height:30px; text-align:right; display:block; background:url(../img/countBg.png) right top no-repeat; color:#c8c8c8; position:absolute; right:0; bottom:0; z-index:5; }
.alList2 .alImg .alCount i  { margin-right:3px; width:6px; height:6px; display:inline-block; border-radius:50%; background:#ff4830; }
.alList2 .alImg .alHead     { width:44px; height:44px; display:block; border:2px solid #fff; position:absolute; left:7px; bottom:-24px; z-index:5; }
.alList2 .alImg .alHead img { width:44px; height:44px; }
.alList2 .alName { padding:0 10px 0 60px; height:30px; line-height:30px; display:block; overflow:hidden; color:#999999; }
.alList2 .alText { padding:0 10px; height:30px; line-height:30px; display:block; font-size:16px; color:#2f2f2f; overflow:hidden; }
